<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--<title>爱淘金</title>-->
<link rel="stylesheet" type="text/css" media="all" href="css/swiper.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
<link rel="stylesheet" href="css/style_zwf.css" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" language="javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script src="js/js.js" type="text/javascript"></script>

</head>
<body>
	<!--顶部-->
	<div class="header">
		<h1 class="hetitle">存油</h1>
	</div>
	
	<div id="page" class="page m3">
		<div class="storagetop">
			<a href="javascript:;" class="storlink">
				<img src="images/stortoppic1.png" alt="" class="stortoppic" />存油卡提现
			</a>
			<a href="storage_income.html" class="storlink">
				<img src="images/stortoppic2.png" alt="" class="stortoppic" />收益提现
			</a>
		</div>
		<div class="storage2">
			<div class="stor2ind">
				<p class="stor2t1">日常用油</p>
				<a href="javascript:dialog('#d1');" class="stor2link">
					<span class="stor2lt stor2lt1">92号汽油</span>
					<img src="images/bottom.png" alt="" class="stor2lpic" />
				</a>
			</div>
			<div class="stor2ind">
				<p class="stor2t1">存油收益</p>
				<a href="javascript:dialog('#d2');" class="stor2link">
					<span class="stor2lt stor2lt2">300元每天赚<span class="stor2lts">0.1</span>升</span>
					<img src="images/bottom.png" alt="" class="stor2lpic" />
				</a>
			</div>
			<div class="stor2ind">
				<p class="stor2t1">日常用油</p>
				<div class="stor2link">
					<span class="stor2jia jia"></span>
					<input type="number" class="stor2input" value="1"/>
					<span class="stor2jia jian"></span>
				</div>
			</div>
			<p class="stor2tit1">选择<span class="stor2tit1s"> xx(型号) </span>汽油卡<span class="stor2tit1s"> 5 </span>张，每天可获得<span class="stor2tit1s"> 0.1 X </span>数字 升</p>
			<div class="stor2but">
				<button class="stor2butlink">确定</button>
				<button class="stor2butlink">取消</button>
			</div>
		</div>
		<!--今日收益-->
		<div class="storage3">
			<p class="stor3t1">昨日收益</p>
			<p class="stor3t2">2.55</p>
			<p class="stor3t3">总收益<span class="stor3t3s"> 7005 </span>元</p>
			<div class="stor3list">
				<a href="storage_myoil.html" class="stor3link">
					<img src="images/stor3lpic1.png" alt="" class="stor3lpic" />我的存油
				</a>
				<a href="storage_recording.html" class="stor3link">
					<img src="images/stor3lpic2.png" alt="" class="stor3lpic" />历史交易
				</a>
				<a href="storage_leisure.html" class="stor3link">
					<img src="images/stor3lpic3.png" alt="" class="stor3lpic" />闲卡续费
				</a>
				<a href="javascript:;" class="stor3link">
					<img src="images/stor3lpic4.png" alt="" class="stor3lpic" />操作指南
				</a>
				<a href="storage_join.html" class="stor3link">
					<img src="images/stor3lpic5.png" alt="" class="stor3lpic" />油站加盟
				</a>
				<a href="javascript:;" class="stor3link">
					<img src="images/stor3lpic6.png" alt="" class="stor3lpic" />油站导航
				</a>
			</div>
		</div>
	</div>
	
	<!-- footer -->
	<div class="footer">
		<div class="fonav">
			<a href="index.html" class="foitem">
				<img src="images/foimg1.png" alt="" class="foimg" />首页
			</a>
			<a href="quotes.html" class="foitem">
				<img src="images/foimg2.png" alt="" class="foimg" />行情
			</a>
			<a href="storage.html" class="foitem on">
				<img src="images/foimg3_on.png" alt="" class="foimg" />存油
			</a>
			<a href="circle.html" class="foitem">
				<img src="images/foimg5.png" alt="" class="foimg" />圈子
			</a>
			<a href="my.html" class="foitem">
				<img src="images/foimg4.png" alt="" class="foimg" />我的
			</a>
		</div>
	</div>
<!--遮罩-->
<div class="mask"></div>
<div class="dialog" id="d1" style="display: none;">
	<div class="dialog_bottom">
		<div class="diastor diastor1">
			<a href="javascript:;" class="diastorlink">92号汽油</a>
			<a href="javascript:;" class="diastorlink">97号汽油</a>
			<a href="javascript:;" class="diastorlink">97号汽油</a>
			<a href="javascript:;" class="diastorlink">97号汽油</a>
			<a href="javascript:;" class="diastorlink">97号汽油</a>
			<a href="javascript:;" class="diastorlink">97号汽油</a>
		</div>
    </div>
</div>
<div class="dialog" id="d2" style="display: none;">
	<div class="dialog_bottom">
		<div class="diastor diastor2">
			<a href="javascript:;" class="diastorlink">300元每天赚<span class="stor2lts">0.2</span>升</a>
			<a href="javascript:;" class="diastorlink">300元每天赚<span class="stor2lts">0.3</span>升</a>
			<a href="javascript:;" class="diastorlink">300元每天赚<span class="stor2lts">0.4</span>升</a>
			<a href="javascript:;" class="diastorlink">300元每天赚<span class="stor2lts">0.5</span>升</a>
		</div>
    </div>
</div>
<script>
	$(function(){
		$(".diastor1 .diastorlink").on("click",function(){
			var html1 = $(this).html();
			dialogClose();
			$(".stor2lt1").html(html1)
		})
		$(".diastor2 .diastorlink").on("click",function(){
			var html1 = $(this).html();
			dialogClose();
			$(".stor2lt2").html(html1)
		})
		$(".jia").click(function(){
			var stoinput = Number($(".stor2input").val());
			stoinput += 1;
			$(".stor2input").val(stoinput);
		})
		$(".jian").click(function(){
			var stoinput = Number($(".stor2input").val());
			stoinput -= 1;
			if(stoinput <= 0){
				$(".stor2input").val(0);
				return;
			}
			$(".stor2input").val(stoinput);
		})
		
	})
</script>
</body>
</html>